from otree.api import *

doc = """
控制幻觉
"""


class C(BaseConstants):
    NAME_IN_URL = 'ioc'
    PLAYERS_PER_GROUP = None
    NUM_ROUNDS = 1
    TABLE_STYLE = """
<style>
img {
  width: auto;
  height: 300px;
}
  /* 设置整个表格的样式 */
  table {
    width: 100%; /* 表格宽度 */
    border-collapse: collapse; /* 合并边框 */
    margin: 50px 0; /* 外边距 */
    font-size: 0.9em; /* 字体大小 */
    font-family: sans-serif; /* 字体 */
    min-width: 400px; /* 最小宽度 */
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.15); /* 阴影效果 */
  }

  /* 设置表头的样式 */
  th {
    background-color: #4286f4; /* 背景颜色 */
    color: white; /* 文字颜色 */
    text-align: left; /* 文字对齐 */
    padding: 12px 15px; /* 内边距 */
  }

  /* 设置表格标题的样式 */
  caption {
    padding: 10px; /* 内边距 */
    caption-side: bottom; /* 标题位置 */
    color: #888; /* 文字颜色 */
    font-size: 1em; /* 字体大小 */
    margin-top: 12px; /* 上边距 */
  }

  /* 设置单元格的样式 */
  td {
    background-color: #f7f7f7; /* 背景颜色 */
    color: #333; /* 文字颜色 */
    text-align: left; /* 文字对齐 */
    padding: 12px 15px; /* 内边距 */
  }

  /* 设置奇数行的背景颜色 */
  tr:nth-child(even) {
    background-color: #e7e7e7;
  }

  /* 设置鼠标悬停时的行样式 */
  tr:hover {
    background-color: #f1f1f1;
  }

  /* 设置表格边框 */
  th, td {
    border: 1px solid #ddd; /* 边框颜色 */
  }
</style>
    """


AGREE_LST = [
    [1, '1:非常不同意'],
    [2, '2'],
    [3, '3'],
    [4, '4'],
    [5, '5:非常同意']
]
# AGREE_LST = [
#     [1, '非常不同意'],
#     [2, '不同意'],
#     [3, '中立'],
#     [4, '同意'],
#     [5, '非常同意']
# ]

# AGREE_LST = [
#     1,2,3,4,5
# ]

class Subsession(BaseSubsession):
    pass


class Group(BaseGroup):
    pass


class Player(BasePlayer):
    ioc_1 = models.IntegerField(choices=AGREE_LST, widget=widgets.RadioSelectHorizontal,
                                label="对股票买卖操作越熟练，赚钱的可能性就越大")
    ioc_2 = models.IntegerField(choices=AGREE_LST, widget=widgets.RadioSelectHorizontal,
                                label="拜一下财神或做某种仪式，能带来股票赚钱的好运")
    ioc_3 = models.IntegerField(choices=AGREE_LST, widget=widgets.RadioSelectHorizontal,
                                label="在股票市场上赚钱与否，是自己努力的结果")
    ioc_4 = models.IntegerField(choices=AGREE_LST, widget=widgets.RadioSelectHorizontal,
                                label="选择有幸运数字代码或名称的股票，更容易赚钱")
    ioc_5 = models.IntegerField(choices=AGREE_LST, widget=widgets.RadioSelectHorizontal,
                                label="在股票上花的时间越多，就越可能赚钱")
    ioc_6 = models.IntegerField(choices=AGREE_LST, widget=widgets.RadioSelectHorizontal,
                                label="在股市中赔钱，是没有控制好自己的买卖操作")
    ioc_7 = models.IntegerField(choices=AGREE_LST, widget=widgets.RadioSelectHorizontal,
                                label="在特定的日子里买卖股票，更有可能赚钱")
    ioc_8 = models.IntegerField(choices=AGREE_LST, widget=widgets.RadioSelectHorizontal,
                                label="如果我最近每笔买卖都赔钱，我就要转运了")
    ioc_9 = models.IntegerField(choices=AGREE_LST, widget=widgets.RadioSelectHorizontal,
                                label="当我穿某件特定的衣服时，那天我的投资决策就比较正确")
    ioc_10 = models.IntegerField(choices=AGREE_LST, widget=widgets.RadioSelectHorizontal,
                                 label="相对于专业人士，我更愿意自己进行投资决策")
    ioc_11 = models.IntegerField(choices=AGREE_LST, widget=widgets.RadioSelectHorizontal,
                                 label="在股票市场上能否赚钱，是自己可以控制的事情")
    ioc_12 = models.IntegerField(choices=AGREE_LST, widget=widgets.RadioSelectHorizontal,
                                 label="洗个澡、泡杯茶或其他特定行为有助于我做出正确的投资决策")


class Ioc(Page):
    form_model = 'player'
    form_fields = ['ioc_1', 'ioc_2', 'ioc_3', 'ioc_4', 'ioc_5', 'ioc_6', 'ioc_7', 'ioc_8', 'ioc_9', 'ioc_10', 'ioc_11',
                   'ioc_12']


page_sequence = [
    Ioc,
]
